<!doctype html>
<html class="no-js">
  <head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="description" content="">
    <meta name="keywords" content="">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>{$article.title}-{$siteInfo['title']}</title>
    <meta name="renderer" content="webkit">
    <meta http-equiv="Cache-Control" content="no-siteapp"/>
    <link rel="stylesheet" href="/themes/amaze/assets/css/amazeui.min.css">
  </head>
  <body>
    <style>
      #article{padding:5px;}
      #article img{width:100%;height:auto;}
      #article p span{font-size: 15px;margin-right:5px;}
      #article p span z{font-size: 12px;color:#999}
    </style>
    {include file="common/header" /}
    <article data-am-widget="paragraph" id="article">
      <h3>{$article.title}</h3>
      <p>
        <span class="am-icon-tags">&nbsp;<z>{$article['category_name']}</z></span>
        <span class="am-icon-user">&nbsp;<z>{$article['username']}</z></span>
        <span class="am-icon-calendar-check-o">&nbsp;<z>{$article.create_time}</z></span>
        <span class="am-icon-eye">&nbsp;<z>{$article.read_count}</z></span>
      </p>
      <div style="line-height:2em;margin:1.5em">{$article.content|raw}</div>
    </article>
    {include file="common/footer" /}
    <script src="https://cdn.bootcss.com/jquery/3.3.1/jquery.min.js"></script>
    <script src="/themes/amaze/assets/js/amazeui.min.js"></script>
  </body>
</html>
